.myMember {
		min-width: 100vw;
		min-height: 100vh;
		background: #F8F8F8;
		overflow: hidden;

		.header {
			position: fixed;
			top: 0;
			left: 0;
			height: 201upx;
			width: 750upx;
			background-color: #38CC98;
			margin-top: 88upx;
			z-index: 1000;
			.search_box {
				position: relative;
				margin: 0 22upx 45upx 27upx;
				padding-top: 37upx;
				display: flex;
				align-items: center;
				font-size: 26upx;
				input {
					flex: 1;
					background-color: #fff;
					border-radius: 25upx;
					height: 54upx;
					padding-left: 80upx;
					color: #343434;
					font-size: 28upx;
				}
				image {
					position: absolute;
					top: 71%;
					left: 18upx;
					transform: translateY(-50%);
					width: 32upx;
					height: 32upx;
					display: block;
				}
				text {
					color: #AFE6CF;
					font-size: 29upx;
					margin-left: 29upx;
				}
			}

			.navigation {
				display: flex;
				font-size: 30upx;
				color: #AFE6CF;
				text-align: center;
				.attention,
				.combo {
					flex: 1;
					position: relative;
				}

				.on {
					color: #fff;
				}

				.on::before {
					content: '';
					width: 54upx;
					height: 3upx;
					background-color: #fff;
					display: block;
					position: absolute;
					bottom: -12upx;
					left: 50%;
					transform: translateX(-50%);
					border-radius: 2upx;
				}

			}
		}

		.attentionMy,
		.comboBox {
			width: 750upx;
			margin-top: 200upx;
			.memberContent {
				background-color: #fff;
				padding: 0 24upx 20upx;
				box-sizing: border-box;
				width: 750upx;
				margin-bottom: 23upx;

				.CustomerId {
					display: flex;
					border-bottom: 1px solid #E3E3E3;
					height: 102upx;
					align-items: center;
					.name {
						flex: 1;
						color: #343434;
						font-size: 32upx;
						font-weight: bold;
						display: flex;
						align-items: center;
						view{
							max-width: 128upx;
							min-width: 128upx;
							overflow: hidden;
							white-space: nowrap;
						}
						text {
							flex: 1;   
							margin-left: 24upx;
						}
					}

					image {
						width: 40upx;
						height: 40upx;
					}
					
					.phone {
						    padding-left: 28upx;
					}
				}

				.unit_box {
					display: flex;
					align-items: center;

					.information {
						padding-top: 20upx;
						flex: 1;

						view:nth-child(2) {
							margin: 20upx 0;
						}

						view {
							color: #343434;
							font-size: 29upx;
						}
						.healthExpert {
							display: flex;
							flex-wrap: wrap;
							.expertsName {flex: 1;}
							span {
								margin-right: 20upx;
							}
							span:first-child {margin-left: 0;}
							em {font-style: normal;width: 144upx;}
							text {
								background:rgba(56, 203, 151, .2);
								color: #38CC98;
								font-size: 24upx;
								width: 68upx;
								padding: 2upx 12upx 4upx;
								border-radius: 20upx;
								image {
									width: 16upx;
									height: 16upx;
								}
							}
						}
					}
					
					.otherAttention {
						// border: 1px solid #DADADA;
						padding: 6upx 12upx;
						color: #999999;
						font-size: 24upx;
						border-radius: 24upx;
						background: #E9E9E9;
						image {
							width: 20upx;
							height: 20upx;
							margin: 0 6upx;
						}
					}
					.attentionA {
						background-color: #38CB97;
						color: #FFFFFF;
						padding: 6upx 18upx 6upx 12upx;
					}
				}

			}
		}
	}